"use client"

import { View, Text, StyleSheet, TouchableOpacity, ScrollView, Platform } from "react-native"
import { SafeAreaView } from "react-native-safe-area-context"
import { LinearGradient } from "expo-linear-gradient"
import { ChevronLeft, Shield } from "lucide-react-native"
import { theme } from "@/constants/theme"
import { useRouter } from "expo-router"
import Animated, { FadeInDown } from "react-native-reanimated"

export default function PrivacyPolicyScreen() {
    const router = useRouter()

    return (
        <SafeAreaView style={styles.container} edges={["top"]}>
            <LinearGradient
                colors={theme.colors.neutral.backgroundGradient}
                start={{ x: 0, y: 0 }}
                end={{ x: 0, y: 1 }}
                style={styles.gradientBackground}
            >
                {/* 头部 */}
                <View style={styles.header}>
                    <TouchableOpacity style={styles.backButton} onPress={() => router.back()}>
                        <ChevronLeft size={24} color={theme.colors.neutral.black} />
                    </TouchableOpacity>
                    <Text style={styles.headerTitle}>隐私条款</Text>
                    <View style={styles.headerRight} />
                </View>

                <ScrollView style={styles.scrollView} showsVerticalScrollIndicator={false}>
                    {/* 顶部图标 */}
                    {/* <Animated.View style={styles.iconContainer} entering={FadeInDown.delay(100).springify()}>
                        <View style={styles.iconBackground}>
                            <Shield size={40} color={theme.colors.primary.purple} />
                        </View>
                    </Animated.View> */}

                    {/* 内容卡片 */}
                    <Animated.View style={styles.contentCard} entering={FadeInDown.delay(200).springify()}>
                        <Text style={styles.lastUpdated}>最后更新日期: 2025年3月15日</Text>

                        <Text style={styles.sectionTitle}>1. 引言</Text>
                        <Text style={styles.paragraph}>
                            育儿英文教育（"我们"、"我们的"或"本应用"）尊重并保护用户（"您"）的隐私。本隐私政策旨在向您说明我们如何收集、使用、存储和共享您的个人信息，以及您享有的相关权利。
                        </Text>

                        <Text style={styles.sectionTitle}>2. 信息收集</Text>
                        <Text style={styles.paragraph}>我们可能收集以下类型的信息：</Text>
                        <Text style={styles.bulletPoint}>• 账户信息：注册时提供的用户名、密码、电子邮件地址等。</Text>
                        <Text style={styles.bulletPoint}>• 学习数据：学习进度、完成的课程、测试成绩等。</Text>
                        <Text style={styles.bulletPoint}>• 设备信息：设备型号、操作系统版本、唯一设备标识符等。</Text>
                        <Text style={styles.bulletPoint}>• 使用数据：应用使用频率、功能偏好、使用时长等。</Text>

                        <Text style={styles.sectionTitle}>3. 信息使用</Text>
                        <Text style={styles.paragraph}>我们使用收集的信息：</Text>
                        <Text style={styles.bulletPoint}>• 提供、维护和改进我们的服务。</Text>
                        <Text style={styles.bulletPoint}>• 个性化您的学习体验。</Text>
                        <Text style={styles.bulletPoint}>• 发送服务通知和更新。</Text>
                        <Text style={styles.bulletPoint}>• 分析使用模式以优化应用性能。</Text>

                        <Text style={styles.sectionTitle}>4. 儿童隐私</Text>
                        <Text style={styles.paragraph}>
                            我们非常重视儿童的隐私保护。本应用面向家长和儿童共同使用，我们建议13岁以下的儿童在家长或监护人的指导下使用本应用。我们不会故意收集13岁以下儿童的个人信息，除非获得家长或监护人的明确同意。
                        </Text>

                        <Text style={styles.sectionTitle}>5. 信息共享</Text>
                        <Text style={styles.paragraph}>除以下情况外，我们不会与第三方共享您的个人信息：</Text>
                        <Text style={styles.bulletPoint}>• 经您明确同意。</Text>
                        <Text style={styles.bulletPoint}>• 为遵守法律法规的要求。</Text>
                        <Text style={styles.bulletPoint}>• 保护我们的权利、财产或安全。</Text>
                        <Text style={styles.bulletPoint}>• 与我们的服务提供商合作，他们帮助我们提供服务。</Text>

                        <Text style={styles.sectionTitle}>6. 数据安全</Text>
                        <Text style={styles.paragraph}>
                            我们采取合理的技术和组织措施来保护您的个人信息不被未经授权的访问、使用或披露。然而，请注意互联网传输不是完全安全的，我们无法保证信息传输的绝对安全性。
                        </Text>

                        <Text style={styles.sectionTitle}>7. 您的权利</Text>
                        <Text style={styles.paragraph}>根据适用的数据保护法律，您可能拥有以下权利：</Text>
                        <Text style={styles.bulletPoint}>• 访问您的个人信息。</Text>
                        <Text style={styles.bulletPoint}>• 更正不准确的个人信息。</Text>
                        <Text style={styles.bulletPoint}>• 删除您的个人信息。</Text>
                        <Text style={styles.bulletPoint}>• 限制或反对处理您的个人信息。</Text>
                        <Text style={styles.bulletPoint}>• 数据可携带性。</Text>

                        <Text style={styles.sectionTitle}>8. 隐私政策更新</Text>
                        <Text style={styles.paragraph}>
                            我们可能会不时更新本隐私政策。当我们进行重大更改时，我们会通过应用内通知或其他适当方式通知您。我们鼓励您定期查看本政策以了解最新信息。
                        </Text>

                        <Text style={styles.sectionTitle}>9. 联系我们</Text>
                        <Text style={styles.paragraph}>如果您对本隐私政策有任何疑问或顾虑，请通过以下方式联系我们：</Text>
                        <Text style={styles.contactInfo}>电子邮件：privacy@kidsenglish.com</Text>
                        <Text style={styles.contactInfo}>电话：400-123-4567</Text>
                    </Animated.View>
                </ScrollView>
            </LinearGradient>
        </SafeAreaView>
    )
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: theme.colors.neutral.background,
    },
    gradientBackground: {
        flex: 1,
    },
    header: {
        flexDirection: "row",
        alignItems: "center",
        justifyContent: "space-between",
        paddingHorizontal: theme.spacing.lg,
        paddingVertical: theme.spacing.md,
    },
    backButton: {
        width: 40,
        height: 40,
        borderRadius: 20,
        alignItems: "center",
        justifyContent: "center",
        backgroundColor: "rgba(255, 255, 255, 0.5)",
    },
    headerTitle: {
        fontSize: theme.fontSize.lg,
        fontWeight: theme.fontWeight.bold,
        color: theme.colors.neutral.black,
    },
    headerRight: {
        width: 40,
    },
    scrollView: {
        flex: 1,
    },
    iconContainer: {
        alignItems: "center",
        marginVertical: theme.spacing.lg,
    },
    iconBackground: {
        width: 80,
        height: 80,
        borderRadius: 40,
        backgroundColor: theme.colors.primary.purpleLight,
        alignItems: "center",
        justifyContent: "center",
        ...Platform.select({
            ios: {
                shadowColor: "rgba(106, 74, 212, 0.3)",
                shadowOffset: { width: 0, height: 4 },
                shadowOpacity: 0.3,
                shadowRadius: 8,
            },
            android: {
                elevation: 4,
            },
        }),
    },
    contentCard: {
        marginHorizontal: theme.spacing.lg,
        marginBottom: theme.spacing.xxxl,
        backgroundColor: theme.colors.neutral.white,
        borderRadius: theme.borderRadius.large,
        padding: theme.spacing.xl,
        ...Platform.select({
            ios: {
                shadowColor: "rgba(0, 0, 0, 0.1)",
                shadowOffset: { width: 0, height: 2 },
                shadowOpacity: 0.2,
                shadowRadius: 4,
            },
            android: {
                elevation: 3,
            },
        }),
    },
    lastUpdated: {
        fontSize: theme.fontSize.sm,
        color: theme.colors.neutral.gray,
        marginBottom: theme.spacing.lg,
        textAlign: "center",
        fontStyle: "italic",
    },
    sectionTitle: {
        fontSize: theme.fontSize.md,
        fontWeight: theme.fontWeight.bold,
        color: theme.colors.primary.default,
        marginTop: theme.spacing.lg,
        marginBottom: theme.spacing.sm,
    },
    paragraph: {
        fontSize: theme.fontSize.sm,
        color: theme.colors.neutral.darkGray,
        lineHeight: 20,
        marginBottom: theme.spacing.md,
    },
    bulletPoint: {
        fontSize: theme.fontSize.sm,
        color: theme.colors.neutral.darkGray,
        lineHeight: 20,
        marginLeft: theme.spacing.md,
        marginBottom: theme.spacing.xs,
    },
    contactInfo: {
        fontSize: theme.fontSize.sm,
        color: theme.colors.primary.default,
        marginLeft: theme.spacing.md,
        marginBottom: theme.spacing.xs,
        fontWeight: theme.fontWeight.medium,
    },
})

